@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}
.indeWeb {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f5f5f5;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng {
                //              width: 100%;
                //              height: 100%;
                font-size: r(30);
                color: white;
            }
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
                //              width: 100%;
                font-size: r(23);
                color: white;
            }
        }
    }
    section {
         width: 100%;
         height: 100%;
         position: fixed;
         top: r(89);
         z-index: 9999;
         padding-top: r(180);
       .dayuan{
           width: r(380);
           height: r(380);
           border-radius: 50%;
           border: 1px dashed black;
           margin: 0 auto;
           text-align: center;
           .xiaoyuan{
               width: r(145);
               height: r(145);
               border-radius: 50%;
               background: #fff;
               margin: r(-74) auto r(50);
               .chuang{
                            width: r(54);
                            height: r(54);
                            display: inline-block;
                            margin: 0 auto;
                            line-height: r(190);
                       img{
                           
                           width: 100%;
                           height: 100%;
                       }    
                }
           }
           .middle{
               width: 100%;
//             margin-bottom: r(37);
               .xiaoyuanone{
                   float: left;
                   width: r(145);
                   height: r(145);
                   border-radius: 50%;
                   background:white;
                   margin-left: r(-72);
                   .chuang{
                            width: r(55);
                            height: r(53);
                            display: inline-block;
                            margin: 0 auto;
                            line-height: r(190);
                       img{
                           
                           width: 100%;
                           height: 100%;
                       }    
                   }
                   
               }
                .zhong_jian{
                    float: none;
                    background: #EEEEEE;
                    display: inline-block;
                    span{
                        font-size: r(25);
                        color: #b60005;
                        font-weight: bold;
                        box-shadow: 1px white;
                        display: inline-block;
                        line-height: r(145);
                    }
                }
               .xy_two{
                   float: right;
                   margin-right: r(-72);
                   >.chuang{
                            width: r(61);
                            height: r(39);
                            display: inline-block;
                            margin: 0 auto;
                            line-height: r(190);
                       img{
                           
                           width: 100%;
                           height: 100%;
                       }    
                   }
               }
               
           }
           .clear{
               clear: both;
           }
           .three{
               margin:r(50) auto 0;
               .chuang{
                            width: r(40);
                            height: r(40);
                            display: inline-block;
                            margin: 0 auto;
                            line-height: r(190);
                       img{
                           
                           width: 100%;
                           height: 100%;
                       }    
                }
           }
       }
       
       .worit_zhanlue{
           width: 100%;
           padding-top: r(200);
           p{
               font-size: r(22);
               color: black;
               font-weight: bold;
               text-align: center;
               line-height:r(37) ;
           }
       }
    }
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
    #ale{
        width: r(500);
        height: r(424);
        position: absolute;
        background: #fff;
        left: 11%;
        top: 23%;
        z-index: 9999999;
        display: none;
        span{
            position: absolute;
            right: 0;
            top: 0;
            width: r(40);
            height: r(40);
            text-align: center;
            line-height: r(40);
            background: red;
            color: white;
            border-radius: r(10);
        }
        .mingduan{
            padding-top: r(90);
            font-size: r(21);
            color: black;
            text-align: center;
            
        }
        .onesyuan{
            width: r(99);
            height: r(99);
            border-radius: 50%;
            background: #aa975c;
            position: absolute;
            top: r(175);
            left: r(105);
            .lianggep{
                padding-top: r(25);
                    p{
                 text-align: center;
                     }
            }
           
        }
        .bosiyuan{
            width: r(99);
            height: r(99);
            border-radius: 50%;
            background: #aa975c;
            position: absolute;
            top: r(175);
            right: r(105);
            .lianggep{
                padding-top: r(25);
                    p{
                 text-align: center;
                     }
            }
        }
    }
}